/*
https://www.materialpalette.com/

    --red50:#ffebee;
    --red100:#ffcdd2;
    --red200:#ef9a9a;
    --red300:#e57373;
    --red400:#ef5350;
    --red500:#f44336;
    --red600:#e53935;
    --red700:#d32f2f;
    --red800:#c62828;
    --red900:#b71c1c;

    --gray50:#fafafa;
    --gray100:#f5f5f5;
    --gray200:#eeeeee;
    --gray300:#e0e0e0;
    --gray400:#bdbdbd;
    --gray500:#9e9e9e;
    --gray600:#757575;
    --gray700:#616161;
    --gray800:#424242;
    --gray900:#212121;

    --orange50:#fbe9e7;
    --orange100:#ffccbc;
    --orange200:#ffab91;
    --orange300:#ff8a65;
    --orange400:#ff7043;
    --orange500:#ff5722;
    --orange600:#f4511e;
    --orange700:#e64a19;
    --orange800:#d84315;
    --orange900:#bf360c;

--lightgreen

    --green50:#f1f8e9;
    --green100:#dcedc8;
    --green200:#c5e1a5;
    --green300:#aed581;
    --green400:#9ccc65;
    --green500:#8bc34a;
    --green600:#7cb342;
    --green700:#689f38;
    --green800:#558b2f;
    --green900:#33691e;

*/


:root{ 



    --orange100:#ffccbc;

    --orange300:#ff8a65;

    --orange600:#f4511e;

    --orange900:#bf360c;



    --gray100:#f5f5f5;

    --gray300:#e0e0e0;

    --gray600:#757575;

    --gray900:#212121;






    --red100:#ffcdd2;

    --red300:#e57373;

    --red600:#e53935;

    --red900:#b71c1c;




    --green100:#dcedc8;

    --green300:#aed581;

    --green600:#7cb342;

    --green900:#33691e;


}


/*Primary, Secondary, Tertiary, Barely*/

/*文字颜色开始   4种  */

/*默认文字色*/
._text_primary{
    color: #212121 !important;
}
._text_secondary{
    color: #757575 !important;  
}
._text_teriary{
    color: #e0e0e0 !important;  
}
._text_barely{
    color: #f5f5f5!important;  
}

/*激活状态色*/
._active_primary{
    color: #1a237e !important;
}
._active_secondary{
    color: #3949ab !important;  
}
._active_teriary{
    color: #7986cb !important;  
}
._active_barely{
    color: #c5cae9 !important;  
}

/*警告点缀色*/

._warning_primary{
    color: #b71c1c !important;
}
._warning_secondary{
    color: #e53935 !important;  
}
._warning_teriary{
    color: #e57373 !important;  
}
._warning_barely{
    color: #ffcdd2 !important;  
}

/*成功点缀色*/

._success_primary{
    color: #33691e !important;
}
._success_secondary{
    color: #7cb342 !important;  
}
._success_teriary{
    color: #aed581 !important;  
}
._success_barely{
    color: #dcedc8 !important;  
}





/*文字颜色结束*/


/*背景颜色开始   3种 */
/*white light dark*/
/*默认背景色*/

._bg_white{
    background: #fff !important;
}
._bg_dark{
    background: #333  !important;  
}
._bg_light{
    background: #f5f5f5!important;  
}

._bg_primary{

        background:rgba(98,109,170,1); !important;

}
._bg_secondary{

        background:rgba(98,109,170,.6) !important;
}

/*背景颜色结束*/


/*边框颜色开始   3种 */
/*white light dark*/
/*默认边框色*/

._border_white{
    border-color: #fff !important;
}
._border_dark{
    border-color: #333  !important;  
}
._border_light{
    border-color: #f5f5f5!important;  
}

/*边框颜色结束*/

